<template>
    <div>
        <mu-paper :z-depth="1" class="demo-list-wrap">
  <mu-appbar color="primary">
    后台管理系统
  </mu-appbar>
  <mu-list>
    <mu-list-item button :ripple="false" to="userControl">
      <mu-list-item-action>
        <mu-icon value="person"></mu-icon>
      </mu-list-item-action>
      <mu-list-item-title>用户管理</mu-list-item-title>
    </mu-list-item>
    <mu-list-item button :ripple="false" to="Ocontrol">
      <mu-list-item-action>
        <mu-icon value="people"></mu-icon>
      </mu-list-item-action>
      <mu-list-item-title>组织管理</mu-list-item-title>
    </mu-list-item>
    <mu-list-item button :ripple="false" to="/Oshenhe">
      <mu-list-item-action>
        <mu-icon value="radio"></mu-icon>
      </mu-list-item-action>
      <mu-list-item-title>组织审核</mu-list-item-title>
    </mu-list-item>
  </mu-list>
        </mu-paper>
        <mu-button full-width color="error" @click="layout()">退出系统</mu-button>    

    </div>
</template>
<script>
import axios from "axios";
export default {
    data(){

return{
    avatar:'',
    name:''
}
    },
    methods:{
        layout(){
          axios.get('/api/user/layout')
        .then(result=> {
            console.log(result);
        })
        .catch(function (err) {
            console.log(err);
        }); 
        this.$router.push('/login')
        }
    }

}
</script>
<style>
.demo-list-wrap {
  width: 100%;
}

</style>